<template>
  <div class="fly-panel">
    <h3 class="fly-panel-title">温馨通道</h3>
    <div class="fly-panel-main layui-row">
      <ul class="layui-clear ">
        <li class="layui-col-xs6" v-for="(item,index) in list" :key="index">
          <a :href="item.link" target="_blank">{{item.title}}</a>
        </li>
      </ul>

    </div>
  </div>
</template>

<script>
export default {
  name: 'Tips',
  data () {
    return {
      list: []
    }
  }
}
</script>

<style lang="scss" scoped>
$border-color: #f2f2f2;
.fly-panel-main {
  padding: 15px;
}
.layui-row {
  ul {
    border: 1px solid $border-color;

    .layui-col-xs6 {
      height: 40px;
      line-height: 40px;
      padding: 0 10px;
      text-align: center;
      border: 1px solid $border-color;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;

      a{
        display: block;
      }
    }
  }
}
</style>
